 var $image = $('#image')
 // 1.2 配置选项
 const options = {
     // 纵横比
     aspectRatio: 1,
     // 指定预览区域
     preview: '.img-preview'
 }

 // 1.3 创建裁剪区域
 $image.cropper(options)
 $('#chooseImageBtn').on('click', function () {
     $('#chooseImageInp').click()
 })
 //上传图片
 $('#chooseImageInp').on('change', function () {
     //console.log(this.value); //图片在电脑的路径
     //获取文件对象
     let file = this.files[0]
     //非空校验
     if (file === undefined) {
         return layui.layer.msg('上传头像，不能为空！')
     }
     //根据文件对象，生成路径 虚拟路径，临时存在的
     let url = URL.createObjectURL(file)
     console.log();
     //给浏览器图片区域赋值
     $image.cropper('destroy').attr('src', url).cropper(options)

     //上传头像
     $('#uploadBtn').on('click', function () {
         //把裁剪区域的图片，转换为base64格式的字符串
         var dataURL = $image.cropper('getCroppedCanvas', {
                 //创建一个Canvas画布
                 width: 100,
                 height: 100
             })
             .toDataURL('imgge/png')
         //console.log(dataURL);
         axios.post('/my/update/avatar', 'avatar=' + encodeURIComponent(dataURL)).then(({
             data: res
         }) => {
             if (res.status != 0) {
                 return layui.layer.msg(res.message)
             }
             layui.layer.msg('恭喜您，修改头像成功')
             window.parent.getUserInfo();
         })
     })
 })